{%extends file="../Base/layout.html"%}
{%block name=title%}<title>用户管理</title>{%/block%}
{%block name=link%}
<link rel="stylesheet" type="text/css" href="{%$source_path%}users/css/users.css" />
{%/block%}
{%block name=script%}
<script type="text/javascript" src="{%$source_path%}users/js/users.js"></script>
{%/block%}
{%block name=b_content%}

<div class="users">
	<div class="u_title">
		<span class="glyphicon glyphicon-th-large"></span>
		<span>用户管理</span>
	</div>
	<div class="u_content">
		<div class="left_content">
			<div class="top_toobar">
				<button type="button" class="btn btn-success">新建分组</button>
			</div>
			<div class="group_out">
				<ul class="group_ul">
					<li class="group_all active"><a href="#">全部用户</a></li>
					<li><a href="#">星标用户（5）</a></li>
					<li><a href="#">我的好友（2）</a></li>
					<li><a href="#">我的客户（7）</a></li>
					<li><a href="#">黑名单（1）</a></li>
				</ul>
			</div>
		</div>
		<div class="right_content">
			<div class="ude_search_input">
				<input name="nickname" class="form-control" type="text" placeholder="用户昵称" />
				<span class="glyphicon glyphicon-search"></span>
			</div>
			<div class="group_table">
				<div class="t_head">
					<input type="checkbox" name="select_all" id="select_all" />
					<label for="select_all">全选</label>
					<div class="t_head_toolbar">
					
						<button type="button" id="setLabels" class="btn btn-sm btn-default"
								data-toggle="popover" data-container="body"  data-placement="bottom" 
								data-html="true" >设置标签</button>
						<button type="button" id="setBlackList" class="btn btn-sm btn-default"
							data-container="body" data-toggle="popover" data-placement="bottom"
							data-content="已加入黑名单">加入黑名单</button>
						
						<div id="setLabels_dialog_content" class="hide">
							<div class="form-group">
								<input type="text" class="form-control" />
							</div>
							<div class="form-group" align="center">
								<button type="button" class="btn btn-success btn-sm" style="width: 100px;" data-container = "body" name="popoverBtn">确定</button>
								<button type="button" class="btn btn-default btn-sm" style="width: 100px;" name="popoverBtn">取消</button>
							</div>
						</div>
					</div>
				</div>
				<div class="t_body">
					<ul class="t_list_ul">
						<li>
							<input type="checkbox" name="select"/>
							<img src="{%$source_path%}temp/userhead.jpg" />
							<div class="u_info">
								<div class="u_name">永和豆浆</div>
								<div class="u_label">
									<span>无标签</span>
									<i class="fa fa-caret-down"></i>
								</div>
							</div>
							<div class="u_toolbar">
								<button class="btn btn-default btn-sm">修改备注</button>
							</div>
						</li>
						<li>
							<input type="checkbox" name="select"/>
							<img src="{%$source_path%}temp/userhead.jpg" />
							<div class="u_info">
								<div class="u_name">老面包子</div>
								<div class="u_label">
									<span class="u_label_span">我的好友</span>
									<span class="u_label_span">星标用户</span>
									<i class="fa fa-caret-down"></i>
								</div>
							</div>
							<div class="u_toolbar">
								<button class="btn btn-default btn-sm">修改备注</button>
							</div>
						</li>
						<li>
							<input type="checkbox" name="select"/>
							<img src="{%$source_path%}temp/userhead.jpg" />
							<div class="u_info">
								<div class="u_name">三大炮</div>
								<div class="u_label">
									<span class="u_label_span">星标用户</span>
									<i class="fa fa-caret-down"></i>
								</div>
							</div>
							<div class="u_toolbar">
								<button class="btn btn-default btn-sm">修改备注</button>
							</div>
						</li>
						<li>
							<input type="checkbox" name="select"/>
							<img src="{%$source_path%}temp/userhead.jpg" />
							<div class="u_info">
								<div class="u_name">大魔王</div>
								<div class="u_label">
									<span class="u_label_span">我的好友</span>
									<span class="u_label_span">星标用户</span>
									<i class="fa fa-caret-down"></i>
								</div>
							</div>
							<div class="u_toolbar">
								<button class="btn btn-default btn-sm">修改备注</button>
							</div>
						</li>
						<li>
							<input type="checkbox" name="select"/>
							<img src="{%$source_path%}temp/userhead.jpg" />
							<div class="u_info">
								<div class="u_name">无名girl</div>
								<div class="u_label">
									<span class="u_label_span">我的好友</span>
									<span class="u_label_span">星标用户</span>
									<span class="u_label_span">仇人</span>
									<i class="fa fa-caret-down"></i>
								</div>
							</div>
							<div class="u_toolbar">
								<button class="btn btn-default btn-sm">修改备注</button>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

{%/block%}